<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<style type="text/css">
		.bgpink {
			width: 100%;
			height: 100%;
			background-color: pink;
		}
		
		.bgblack {
			width: 100%;
			height: 100%;
			background-color: black;
		}
	</style>

	<body>
		<div class="box">
			<button class="mask">点击更换背景</button>
		</div>

		<script>
			//1.定义函数有几种方式
			document.write("<p>1.this关键字、prototype关键字、var 对象名={name:value,name2:value2}；这三种形式。</p><br />")
			//2.retrun关键字的意义
			document.write("<p>2.跳出当前循环，并中断程序的执行</p><br />")

			//3.函数是否可以重定义，会有什么事情发生
			document.write("<p>3.不可以，提示找不到该函数</p><br />")
			//4.var和function关键字有什么特别功能？
			document.write("<p>4.var是声明一个变量，没有用var声明时候是全局变量，用var声明时候是局部变量。function是定义一个函数，或者是匿名函数</p><br />")
			//5.如何理解变量的作用域？
			document.write("<p>5.var是声明一个变量，当没有用var声明时候是全局变量，用var声明时候是局部变量。即是var所声明的变量就是局部变量，JavaScript的全局变量是全局对象的属性。</p><br />")
			//6.请定义一个函数，该函数功能为，传入一个值，返回这个值的平方值（就是这个值相乘的结果）
			var a1 = prompt("请输入第一个值"),
				a2 = prompt("请输入第二个值");

			function sum(x, y) {
				var i;
				i = x * y;
				alert(i);
			}
			sum(a1, a2);
			//7.请写出一个函数，功能为：传入三个值，则返回这三个值最大的那个值
			var x1 = prompt("请输入第一个值"),
				x2 = prompt("请输入第二个值"),
				x3 = prompt("请输入第三个值");

			function bijiao(x, y, z) {
				if((x - y > 0) && (y - z > 0)) {
					alert("x是最大值,并且最大值为" + x1)
				} else if((y - x > 0) && (x - z > 0)) {
					alert("y是最大值,并且最大值为" + x2);
				} else {
					alert("z是最大值,并且最大值为" + x3);
				}

			}
			bijiao(x1, x2, x3);
			//8.请写出一个函数，功能为：传入二个值,分别是x和y，返回x的y次方结果
			var x1 = prompt("请输入第一个值"),
				x2 = prompt("请输入第二个值");

			function squ(x, y) {
				var s = x;
				for(var i = 1; i < y; i++) {
					s *= x;
				}
				alert(s);
			}
			squ(x1, x2);
			//9.请定义一个函数，输入一个N值，则计算出该值的阶乘，即：n! = 1*2*3*4*5*6*...*N
			var num = prompt("请输入第一个值");

			function sl() {
				for(var sum = 1; num > 0; num--) {
					sum *= num;
				}
				alert(sum);
			}
			sl();
			//10.模拟一个长按事件(提示，用定时器实现)
			//提示
			/* div.addEventListener("mousedown",function(){
				alert("鼠标左键点下去触发")
			})
			div.addEventListener("mouseup",function(){ 
				alert("鼠标左键弹上来时触发")
			})
			*/

			document.querySelector(".mask").addEventListener("mousedown", function() {
				document.querySelector("body").classList.add("bgpink");
			})
			document.querySelector(".mask").addEventListener("mouseup", function() {
				document.querySelector("body").classList.remove("bgpink");
			})

			//11.模拟一个双击事件(提示，用定时器实现)

			//12.实现一个任意时间的倒计时。（提高题）
			//提示，获取当前的时间戳    (new Date()).getTime()
		</script>
	</body>

</html>